<!DOCTYPE html>
<!--test-->
<html lang="zh-CN">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Home</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="robots" content="all,follow">
	<link rel="stylesheet" href="./bootstrap-4.6.1-dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" href="./css/fontastic.css">
	<link rel="stylesheet" href="./css/google-fonts.css">
	<link rel="stylesheet" href="./css/style.default.css" id="theme-stylesheet">
	<link rel="stylesheet" href="css/general.css">
	<link rel="shortcut icon" href="img/logo.ico">


	<!--		<script src="js/login.js" type="module"></script>-->
</head>
<body>
<div class="page">
	<!-- 顶部导航-->
	<header class="header">
		<nav class="navbar">
			<div class="container-fluid">
				<div class="navbar-holder d-flex align-items-center justify-content-between">

					<div class="navbar-header">
						<!-- 顶部左侧logo --><a href="index.html" class="navbar-brand d-none d-sm-inline-block">
						<div class="brand-text d-none d-lg-inline-block"><strong>氨基酸数据库</strong></div>
						<div class="brand-text d-none d-sm-inline-block d-lg-none"><strong>CATD</strong>
						</div>
					</a>
						<!-- 顶部右侧下拉菜单图标--><a id="toggle-btn" href="#"
											 class="menu-btn active"><span></span><span></span><span></span></a>
					</div>
					<!-- 下拉菜单 -->
					<ul class="nav-menu list-unstyled d-flex flex-md-row align-items-md-center">
						<li class="nav-item dropdown">
							<a href="#" class="dropdown-toggle dropdown-user-link" data-toggle="dropdown">
										<span class="dropdown-user-name">
											<i>你好，姓名</i>
										</span>
							</a>
							<div class="dropdown-menu pull-right dropdown-menu-bigbox">
								<div class="dropdown-menu-bigbox-top">
									<div id="user_name" class="dropdown-menu-bigbox-top-user-name">
										<span>姓名</span>
									</div>
								</div>
								<div class="row dropdown-menu-bigbox-bottom">
									<div class="col-md-6 col-lg-6 col-xs-6 col-sm-6 text-center grid"><a href="web/changePwd.html">
										<i class="fa fa-key dropdown-menu-bigbox-bottom-icon"
										   style="font-size: 25px;line-height: 45px;color: #438eb9;"></i>
										<p class="dropdown-menu-bigbox-bottom-font">
											<span><a href="web/changePwd.html">密码修改</a></span>
										</p>
									</a></div>
								</div>
								<div class="row dropdown-menu-bigbox-exit">
									<div class="dropdown-menu-bigbox-exit-font">
										<a href="web/login.html" class="nav-link logout"><span>退出登录</span><i
												class="fa fa-sign-out"></i></a>
									</div>
								</div>
							</div>

						</li>

					</ul>
				</div>
			</div>
		</nav>
	</header>
	<div class=" d-flex align-items-stretch padding-top">
		<!-- 侧边导航栏 -->
		<nav class="side-navbar" id="navbar">
			<ul class="list-unstyled">
				<li class="active"><a href="index.html"> <i class="icon-home"></i>首页 </a></li>
				<li><a href="web/addAminoAcid.html" > <i class="icon-grid"></i>氨基酸管理 </a>
				</li>

				<li><a href="#culAminoAcid" data-toggle="collapse" aria-expanded="false" aria-controls="culAminoAcid">
					<i class="fa fa-bar-chart"></i>计算 </a>
					<ul id="culAminoAcid" class="collapse list-unstyled">
						<li><a href="web/culAminoAcid.html">氨基酸计算</a></li>
						<li><a href="web/comparison.html">对比</a></li>
					</ul>
				</li>

				<li>
					<a href="#culResult" data-toggle="collapse" aria-expanded="false" aria-controls="culResult">
						<i class="fa fa-bar-chart"></i> 查看计算结果
					</a>
					<ul id="culResult" class="collapse list-unstyled">
						<li><a href="web/culResult.html">计算结果</a></li>
						<li><a href="web/uploadData.html">上传的数据</a></li>
						<li><a href="web/comparisonList.html">对比的数据</a></li>
					</ul>
				</li>
			</ul>
		</nav>
		<!-- 网页主体 -->
		<div id="main-content" class="content-inner">
			<!-- 标题导航-->
			<header class="page-header">
				<div class="container-fluid">
					<h2 class="no-margin-bottom">首页</h2>
				</div>
			</header>
			<section class="client">
				<div class="container-fluid">
					<div class="row">
						<div class="col-lg-6">
							<div class="card">
								<div class="card-close">
									<div class="dropdown">
										<a href="web/addAminoAcid.html"><input type="button" name=""  value="进入"
														   class="btn btn-primary btn-sm" /></a>
									</div>
								</div>
								<div class="card-header d-flex align-items-center">
									<h3>氨基酸管理</h3>
								</div>
								<div class="card-body">
									<div class="text-center">
										<div class="text">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="card">
								<div class="card-close">
									<div class="dropdown">
										<a href="web/culAminoAcid.html"><input type="button" name=""  value="进入"
																				 class="btn btn-primary btn-sm" /></a>
									</div>
								</div>
								<div class="card-header d-flex align-items-center">
									<h3>氨基酸计算</h3>
								</div>
								<div class="card-body">
									<div class="text-center">
										<div class="text">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="card">
								<div class="card-close">
									<div class="dropdown">
										<a href="web/culResult.html"><input type="button" name=""  value="进入"
																		 class="btn btn-primary btn-sm" /></a>
									</div>
								</div>
								<div class="card-header d-flex align-items-center">
									<h3>查看计算结果</h3>
								</div>
								<div class="card-body">
									<div class="text-center">
										<div class="text">

										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6">
							<div class="card">
								<div class="card-close">
									<div class="dropdown">
										<a href="#"><input type="button" name=""  value="进入"
														   class="btn btn-primary btn-sm" /></a>
									</div>
								</div>
								<div class="card-header d-flex align-items-center">
									<h3>上传的数据</h3>
								</div>
								<div class="card-body">
									<div class="text-center">
										<div class="text">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<!-- Page Footer-->
			<footer class="main-footer">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-6">
							<p>Copyright &copy; 2024. <a
									href="./index.html" target="_blank" title="CATD">CATD</a></p>
						</div>
						<div class="col-sm-6 text-right">
							<p></p>
						</div>
					</div>
				</div>
			</footer>
		</div>
	</div>
</div>
<script src="./js/jquery-3.6.0.min.js"></script>
<!--		<script src="./vendor/popper.js/popper.min.js"> </script>-->
<script src="./bootstrap-4.6.1-dist/js/bootstrap.min.js"></script>
<script src="./vendor/jquery.cookie/jquery.cookie.js"> </script>
<!-- <script src="https://cdn.bootcss.com/Chart.js/2.7.0/Chart.min.js"></script> -->
<script src="./vendor/jquery-validation/jquery.validate.min.js"></script>
<script src="./js/jquery.nicescroll.min.js"></script>
<script src="./js/charts-home.js"></script>
<script src="./js/front.js"></script>
<script src="./js/login.js" type="module"></script>
<script src="./js/index.js" type="module"></script>
</body>
</html>
